<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../static/css/toastr.css" rel="stylesheet">
    <link href="../static/css/3d.css" rel="stylesheet">
    <script type="text/javascript" src="../static/js/echarts.min.js"></script>
    <script type="text/javascript" src="../static/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="../static/js/toastr.min.js"></script>
    <script type="text/javascript" src="../static/js/real.js"></script>
    <script type="text/javascript" src="../static/js/fq.js"></script>

</head>
<body>
<div style="height: 70px"></div>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div class="center-block" id="main" style="width: 100%;height:400px;"></div>
<div style="width: 100%">
    <div class="center-block" id="ybpj" style="width:30%;height:500px; float: left;"></div>
    <div class="center-block" id="ybpctr" style="width: 30%;height:500px; float: left;"></div>
    <div class="center-block" id="ybph" style="width: 30%;height:500px; float: left;"></div>
</div>
<div id="expansion" style="width: 100%;height:400px; float: bottom"></div>
<div style="height: 500px"></div>
<div class="center-block" id="direction" style="width: 100%;height:400px;"></div>

</body>

</html>